<template>
  <!-- 刮痧 -->
  <section>
    <el-row>
      <el-col :span="6">
        <el-row>
          <span style="font-size: 20px;">刮痧<br/>日常保健手法</span>
        </el-row>
        <el-row style="margin-top:40px;">
          <img style="width:120px;" :src="widget.config.qrcode"/>
        </el-row>
      </el-col>
      <el-col :span="18" style="border:1px solid #666;padding:10px;line-height:26px;">
        <el-row style="border-bottom: 1px solid #666">
          <div v-html="widget.config.description"></div>
        </el-row>
        <el-row style="font-weight:bold;">
          <el-col :span="18">手法</el-col>
          <el-col :span="6">扫码学习操作</el-col>
        </el-row>
        <el-row v-for="(gs,index) of widget.data.guasha" :key="index" style="border-bottom: 1px dashed #666;">
          <el-col :span="18">
            <div>{{gs.val}}</div>
            <div>作用：{{gs.effect}}</div>
          </el-col>
          <el-col :span="6">
            <section v-if="gs.key">
              <img v-for="k of gs.key" style="width:68px;" :src="k.data.img" :key="k.id"/>
            </section>
            <section v-else>无</section>
          </el-col>
        </el-row>
      </el-col>
    </el-row>
  </section>
</template>

<script>
  export default {
    name: "page-fangan-e",
    props: ['reportData','widget', 'showConfDialog'],
    created(){
      if(Object.getOwnPropertyNames(this.widget.data).length < 2){
        this.widget.data.guasha = this.reportData.data.guasha
        this.$emit('done',this.widget.data)
      }
    }
  }
</script>

<style scoped>

</style>
